/*********css重置*********/

body,div,ul,li,p,h1,h2,h3,h4,span,a,img,form {           /*所以标签，外边距内边距为0*/
	margin: 0;
	padding: 0;
}

ul {                              /*ul中取消样式*/
	list-style: none;
}

body {                             /*body中字体格式*/
	font-family: "微软雅黑";
}

img {                               /*图片中去边框*/
	border: none;
}

a {                                 /*a标签中去下划线*/
	text-decoration: none;
}
/*********css重置*********/
/*********导航部分1*********/
#header{                            /*黑色栏*/
	width: 100%;
	height: 40px;
	background-color: #434343;
}
#header .headerOne{                 /*相对定位的父元素*/
	width: 1000px;
	height: 40px;
	margin: 0 auto;
	position: relative;
}
#header .headerOne .headerOneLogo{      /*左侧logo*/
	width: 160px;
	height: 100px;
	position: absolute;
	top:  0px;
	left: 0px;
}
#header .headerOne #headerOneHuanqiu{     /*右侧环球网logo，特效*/
	float: right;
	width: 115px;
	height: 40px;
	margin-right: 15px;
}
#header .headerOne #headerOneTeXiao{      /*右侧环球网logo，下拉菜单特效*/
	position: absolute;
	top: 40px;
	right: 15px;
	width: 390px;
	height: 120px;
	background-color: #9a9a9a;
	display: none;
	box-shadow:0px 2px 2px;
	z-index: 1000;
}
#header .headerOne #headerOneTeXiao ul{       /*下拉特效菜单ul*/
	width: 364px;
	height: 120px;
	margin-left: 13px;
}
#header .headerOne #headerOneTeXiao li{       /*下拉特效菜单li*/
	float: left;
	padding: 5px;
	color: #fefefe;
	font-size: 14px;
	margin: 3px;
}
#header .headerOne #headerOneTeXiao li:hover{       /*下拉特效菜单li改变背景色*/
	background-color: #676767;
}
#headerOneReg{                         /*注册*/
	float: right;
	width: 65px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 11px;
	color: #fff;
}
.headerOneLogin{                       /*登录*/
	position: absolute;
	width: 65px;
	height: 45px;
	right: 195px;
	top: 0px;
	background-color: #917347;
	line-height: 40px;
	text-align: center;
	font-size: 11px;
	color: #fff;
}
/*********导航部分1*********/
/*********导航部分2*********/
#headerer{                            /*100%背景图片*/
	width: 100%;
	height: 70px;
	background: url(../img/channelNav_go.jpg);
}
#headerer .headerTwo{                  /*居中框架*/
	width: 1000px;
	height: 70px;
	margin: 0 auto;
}
#headerer .headerTwo ul{                  /*横向导航跳转ul*/
	width: 750px;
	height: 70px;
	float: left;
}
#headerer .headerTwo li{                  /*横向导航跳转li*/
	margin-top: 20px;
	width: 55px;
	height: 30px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
#headerer .headerTwo li a{                /*横向导航跳转a标签，转换成块状标签*/
	width: 55px;
	height: 30px;
	display: block;
	line-height: 30px;
	text-align: center;
	color: #000;
}
#headerer .headerTwo li a:hover{                /*点击改变字体色*/
	color: #8d60ad;
	text-decoration: underline;
}
#headerer .headerTwo ul .headerTwoShouye{                /*横向导航跳转第一个li*/
	margin-left: 185px;
}

#headerer .headerTwo ul .headerTwoShouye a{                /*横向导航跳转第一个li里a标签*/
	color: #000;
}
#headerer .headerTwo ul .headerTwoShouye a:hover{         /*悬停横向导航跳转第一个li里a标签*/
	color: #8d60ad;
	text-decoration: underline;
}
#headerer .headerTwo ul .headerTwoMuDi{                 /*横向导航跳转资讯按钮*/
	background-color: #8d60ad;
	border-radius:5px;
	
}
#headerer .headerTwo ul .headerTwoMuDi a{                 /*横向导航跳转资讯按钮里a标签*/
	color: #fff;
}
#headerer .headerTwo .headerTwoSosuoA{                 /*搜索栏放大镜div*/
	width: 30px;
	height: 30px;
	background-image: url(../img/icon.png);
	background-repeat:no-repeat;
    background-position:5px 5px;
    float: right;
    
}
#headerer .headerTwo .headerTwoSosuoB{                /*搜索栏，包含放大镜div*/
	float: right;
	width: 160px;
	height: 30px;
	background-color: #fff;
	border-radius:5px;
	margin-top: 15px;
	box-shadow:1px 1px 1px #9A9A9A;
}
#headerer .headerTwo .headerTwoSosuoB input{                /*搜索栏文本框*/
	border: 0;
	width: 125px;
	height: 28px;
}
/*********导航部分2*********/
.bodyer{
	height: 710px;
	width: 100%;
	background: url(../img/map_bg.jpg) center center;
	overflow: hidden;
}
.bodyer_mid{
	width: 970px;
    height: 630px;
    margin: 80px auto 0;
    position: relative;
}
.North_America{
	background-image: url(../img/map_btn_circle.png);
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    position: absolute;
    display: block;
    z-index: 100;
    background-position: 0 -111px;
    left: 115px;
    top: 189px;
}
.South_America{
	background-image: url(../img/map_btn_circle.png);
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    position: absolute;
    display: block;
    z-index: 100;
    background-position: 0 -111px;
    left: 287px;
    top: 339px;
}
.Europe{
	background-image: url(../img/map_btn_circle.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    position: absolute;
    display: block;
    z-index: 100;
    background-position: 0 -331px;
    left: 469px;
    top: 166px;
}
.Africa{
	background-image: url(../img/map_btn_circle.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    position: absolute;
    display: block;
    z-index: 100;
    background-position: 0 -331px;
    left: 470px;
    top: 301px;
}
.Asia{
	background-image: url(../img/map_btn_circle.png);
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;
    position: absolute;
    display: block;
    z-index: 100;
    background-position: 0 -331px;
    left: 633px;
    top: 186px;
}
.Oceania{
	background-image: url(../img/map_btn_circle.png);
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    position: absolute;
    display: block;
    z-index: 100;
    background-position: 0 -111px;
    left: 776px;
    top: 359px;
}
.hot_city{
	width: 350px;
    height: 50px;
    padding-left: 120px;
    position: absolute;
    bottom: 90px;
    left: 250px;
    background: url(../img/hot_city_bg.png) no-repeat;
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    color: #fff;
}
.hot_city a{
	margin-left: 12px;
    font-size: 14px;
    color: #fff;
    line-height: 50px;
}
.a_name{
	height: 28px;
    line-height: 28px;
    font-size: 25px;
    margin-top: 35px;
    display: block;
    color: #101010;
    text-align: center;
}
.b_name{
	font-size: 12px;
	height: 16px;
    line-height: 16px;
    display: block;
    color: #101010;
    text-align: center;
}
.c_name{
	height: 28px;
    line-height: 28px;
    font-size: 25px;
    margin-top: 20px;
    display: block;
    color: #101010;
    text-align: center;
}
.close_box_btn{
	position: absolute;
    right: 15px;
    top: 15px;
    width: 20px;
    height: 20px;
    display: block;
    background: url(../img/select_box_btns.png) right 0;
    z-index: 80;
    cursor: pointer;
}
.mudi_city{
	overflow: hidden;
    background: rgba(0, 0, 0, 0.15);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = 'true', startColorstr = #26000000, endColorstr = #26000000);
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    left: 50%;
    z-index: 10;
    top: 148px;
    opacity: 0;
    display: none;
    width: 500px;
    margin-left: -255px;
    opacity: 1;
}
.mudi_city_ul{
	width: 100%;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.85);
    padding: 50px 0 24px;
    display: none;
}
.mudi_city_ul li{
	height: 25px;
    line-height: 25px;
    overflow: hidden;
    padding: 0 30px;
    vertical-align: bottom;
}
.city_name{
	height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 362px;
}
.city_name a{
	margin-left: 12px;
    color: #fff;
    font-size: 12px;
}
.country_name{
	width: 73px;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    display: inline-block;
}
.more{
	color: #fff;
    font-weight: bold;
    font-size: 12px;
    background: transparent;
    text-decoration: none;
}
/**************end*****************/
#EndA{
	height: 100px;
	width: 100%;
	background-color: #0a70b1;
}
#EndA .EndAbody{
	width: 1000px;
	height: 100px;
	margin: 0 auto;
}
.bigLiA{
	height: 80px;
	width: 190px;
	border-left: solid #3288bf 1px;
	border-right: solid #3288bf 1px;
	line-height: 100px;
	float: left;
	margin-top: 10px;
}
.bigLiA ul{
	width: 115px;
	height: 100px;
	margin: 0 auto;
}
.bigLiB{
	height: 80px;
	border-right: solid #3288bf 1px;
	line-height: 100px;
	width: 300px;
	float: left;
	margin-top: 10px;
}
.bigLiB ul{
	width: 230px;
	height: 100px;
	margin: 0 auto;
}
.bigLiC{
	height: 80px;
	border-right: solid #3288bf 1px;
	line-height: 100px;
	width: 505px;
	float: left;
	margin-top: 10px;
}
.bigLiC ul{
	width: 445px;
	height: 100px;
	margin: 0 auto;
}
.liBiaoTi{
	height: 40px;
	color: #fff;
	line-height: 40px;
	font-size: 14px;
}
.liEnd{
	list-style:disc;
	line-height: 20px;
	color: #89c3eb;
	font-size: 12px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
#EndB{
	width: 100%;
	height: 65px;
	background-color: #EEE;
}
.EndBbody{
	width: 850px;
	height: 65px;
	margin: 0 auto;
}
.EndBbody ul{
	padding-top: 30px;
}
.EndBbody li{
	float: left;
	border-right: solid #d3d3d3 2px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 13px;
}
.EndBbody li a{
	color: #666;
}
#EndB .EndBbody .qubiankuang{
	border: none;
}
.liEnd:hover{
	color: #fff;
}
.EndBbody ul li a:hover{
	color: #e4453f;
}
